<template>
  <div style="padding: 5px;">

    <div>
      <p>https://terryz.gitee.io/vue/#/region</p>
      <p>行政区划组件</p>
      <br>
      <region-columns :town="true" v-model="region" />
    </div>

    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
    <h3>e23</h3>
  </div>
</template>

<script>
import { RegionColumns } from 'v-region'

export default {
  components: {
    RegionColumns
  },
  data() {
    return {
      region: {
        province: '350000',
        city: '350100',
        area: '350104',
        town: '350104008'
      }
    }
  }
}
</script>